<!DOCTYPE HTML>

<html>
	<head>
		<title>盒子（大连）科技有限公司</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
		<link rel="stylesheet" href="assets/css/main.css" />
		<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
		<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
	</head>
	<body class="landing">
		<div id="page-wrapper">

			<!-- Header -->
				<header id="header">
					<h1 id="logo"><a href="index.html"></a></h1>
					<nav id="nav">
						<ul>
							<li><a href="">首页</a></li>
							<!-- <li>
								<a href="#">Layouts</a>
								<ul id="second-nav">
									<li><a href="left-sidebar.html">Left Sidebar</a></li>
									<li><a href="right-sidebar.html">Right Sidebar</a></li>
									<li><a href="no-sidebar.html">No Sidebar</a></li>
									<li>
										<a href="#">Submenu</a>
										<ul class="third-nav">
											<li><a href="#">Option 1</a></li>
											<li><a href="#">Option 2</a></li>
											<li><a href="#">Option 3</a></li>
											<li><a href="#">Option 4</a></li>
										</ul>
									</li>
								</ul>
							</li> -->
							<li><a href="#one">关于盒子</a></li>
							<li><a href="#two">解决方案</a></li>
							<li><a href="#two">联系我们</a></li>
							<!-- <li><a href="#" class="button special">Sign Up</a></li> -->
						</ul>
					</nav>
				</header>

			<!-- Banner -->
				<section id="banner">
					<div class="content">
						<header>
							<h2 class="main-ban">于方寸·容万物</h2>
							<p class="main-banp">盒子（大连）科技有限公司</p>
						</header>
						<!-- <span class="image"><img src="images/pic01.jpg" alt="" /></span> -->
					</div>
					<a href="#one" class="goto-next scrolly">Next</a>
				</section>

			<!-- One -->
				<section id="one" class="spotlight style1 bottom">
					<span class="image fit main"><img src="images/pic02.jpg" alt="" /></span>
					<div class="content">
						<div class="container">
							<div class="row">
								<div class="4u 12u$(medium)">
									<header>
										<h2>工匠之心，寄乎於手</h2>
										<p>关于盒子</p>
									</header>
								</div>
								<div class="8u 12u$(medium)">
									<p>盒子（大连）科技有限公司，专注于网站建设、App开发等互联网相关领域。团队成员有多年开发经验，专于设计，重视体验。<br>我们秉承工匠精神，精心雕琢每一款产品，认真服务每一位客户。</p>
								</div>
							</div>
						</div>
					</div>
					<a href="#two" class="goto-next scrolly">Next</a>
				</section>

			<!-- four -->

				<section id="two" class="wrapper style1 special fade-up">
					<div class="container">
						<header class="major">
							<h2>优秀的解决方案</h2>
							<p>打开盒子，需求无忧</p>
						</header>
						<div class="box alt">
							<div class="row uniform">
								<section class="6u 6u(medium) 12u$(xsmall)">
									<span class="icon alt major fa-internet-explorer"></span>
									<h3>网站开发</h3>
									<p>覆盖全行业的一站式解决方案，需求分析，视觉设计，网站开发，服务器建设，网站备案全程无忧。根据您的需求详细定制网站开发计划。</p>
								</section>
								<section class="6u$ 6u$(medium) 12u$(xsmall)">
									<span class="icon alt major fa-tablet"></span>
									<h3>移动网站开发</h3>
									<p>优秀的用户体验，按需定制开发，为您打造畅通的移动浏览体验。</p>
								</section>
								<section class="6u 6u(medium) 12u$(xsmall)">
									<span class="icon alt major fa-mobile"></span>
									<h3>APP开发</h3>
									<p>提供跨平台的APP开发体验，支持Android、IOS、WindowsPhone平台。</p>
								</section>
								<section class="6u$ 6u$(medium) 12u$(xsmall)">
									<span class="icon alt major fa-weixin"></span>
									<h3>微信开发</h3>
									<p>微商城、微信公众平台开发。</p>
								</section>
							</div>
						</div>
					</div>
					<a href="#three" class="goto-next scrolly">Next</a>
				</section>

			<!-- Three -->
				<section id="three" class="wrapper style2 special fade">
					<div class="container">
						<header class=" ">
							<h2>联系我们</h2>
							<p>
								QQ：<a href="tencent://message/?uin=3378252072&Site=booox.win&Menu=yes">3378252072</a>
								<br>
								Tel：0411-65831365
							</p>
						</header>

					</div>
				</section>

			<!-- Footer -->
				<footer id="footer">
					<ul class="copyright">
						<li>&copy; 盒子（大连）科技有限公司. All rights reserved.</li>
					</ul>
				</footer>

		</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/jquery.scrolly.min.js"></script>
			<script src="assets/js/jquery.dropotron.min.js"></script>
			<script src="assets/js/jquery.scrollex.min.js"></script>
			<script src="assets/js/skel.min.js"></script>
			<script src="assets/js/util.js"></script>
			<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
			<script src="assets/js/main.js"></script>

	</body>
</html>
